var path = require("path")
const VueLoaderPlugin = require('vue-loader/lib/plugin')

module.exports = {
    entry: path.join(__dirname, "./src/main.js"),
    output: {
        path: path.join(__dirname, "./dist"),
        filename: "bundle.js"
    },
    devServer: {
        open: true,
        port: 3000,
        contentBase: "src",
        hot: true
    },
    plugins: [
        new VueLoaderPlugin()
    ],
    module: {
        rules: [
            { test:/\.css$/, use: ["style-loader", "css-loader"] },
            { test:/\.(jpg|png|gif|jepg)$/, use: ["url-loader"] },
            { test:/\.(ttf|eot|svg|woff|woff2)$/, use: ["url-loader"] },
            { test:/\.js$/, use: ["babel-loader"], exclude:/node_modules/ },
            { test:/\.vue$/, use: ["vue-loader"] }
        ]
    },

    resolve: {
        alias: { // 设置 Vue 被导入时候的包的路径
            "vue$": "vue/dist/vue.js"
        }
    }
}